<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Heard听的撒发顺丰的1</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0,
          maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <!--<link rel="stylesheet" href="css/jquery.mobile.min.css"/>--> 
    <!--<link rel="stylesheet" href="css/theme/theme.min.css" />-->
    <!--<link rel="stylesheet" href="css/styles.css"/>-->
    <script src="js/jquery-1.11.3.js"></script>



</head>
<body style="background-color:#F1F2F2;overflow:hidden;overflow-y:auto;">
    <div class="container" style="padding-top:45px;">
        <div class="row text-center">
            <div class="col-lg-4 col-xs-8 col-lg-offset-4 col-xs-offset-2">
                <img  class="bannerImg" src="img/1234.jpg"/>
                <p class="intro_title">音频自媒体联盟</p>
                <a class="btna">汽车</a>
                <p class="intro">
                    次时代汽车科技新媒体，我们报道有一碰你和生活的一切
                    次时代汽车科技新媒体，我们报道有一碰你和生活的一切
                    次时代汽车科技新媒体，我们报道有一碰你和生活的一切
                    次时代汽车科技新媒体，我们报道有一碰你和生活的一切
                    次时代汽车科技新媒体，我们报道有一碰你和生活的一切
                </p>
                <span class="icon"></span>
            </div>
            <!--<div class="col-lg-10">-->
                <!--<button class="btn btn-danger btn-block">dfads</button>-->
            <!--</div>-->
        </div>
        <div class="row">
            <div class="col-xs-10 col-xs-offset-1">
                <button class="btn btn-danger btn-block orderPlay-btn" style="margin:15px 0 10px 0;">顺序播放</button>
            </div>
        </div>
    </div>
    <div class="container navRow">
        <!--导航部分-->
        <div class="row navRow_bar">
            <div class="col-lg-12 col-xs-12 ">
                <ul  class="list-unstyled list-inline nav">
                    <li class="a1">声音 <span id="Page_sum"></span></li>
                    <li class="a2">专辑 <span id='Special_sum'>(2)</span></li>
                </ul>
            </div>
        </div>
    </div>
    <!--音频列表部分-->
    <div class=" listRow container c2" id="a1">
        <div class="row Alist">
            <div class="col col-xs-12">
    <!--//所有音频列表-->
                <ul id="ul_list" class="list-unstyled ul_list">
                    <!--<li >-->
                        <!--<img src="img/playing.gif" class="playImg h1" >-->
                        <!--<img src="img/paused_Img_02.png" class="pauseImg h1" />-->
                        <!--VOL.244：吉利带你上天，你去不去？-->
                        <!--<i id="btn1" class="p0"></i>-->
                        <!--<audio src="src/music.m4a" id="0"></audio>-->
                        <!--&lt;!&ndash;进度条样式&ndash;&gt;-->
                        <!--<div id="progressWrap0">-->
                            <!--<div id="playProgress0">-->
                                <!--&lt;!&ndash;<span id="showProgress0">0</span>&ndash;&gt;-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src="img/playing.gif" class="playImg h1" >-->
                        <!--<img src="img/paused_Img_02.png" class="pauseImg h1" />-->
                        <!--VOL.244：吉利带你上天，你去不去？-->
                        <!--<i id="btn2" class="p1"></i>-->
                        <!--<audio src="http://zhubo.heardtech.com/Public/music/2017-07-06/595db4b815617.mp3" id="1">-->
                        <!--</audio>-->
                        <!--<div id="progressWrap1">-->
                            <!--<div id="playProgress1">-->
                                <!--&lt;!&ndash;<span id="showProgress1">0</span>&ndash;&gt;-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<img src="img/playing.gif" class="playImg h1">-->
                        <!--<img src="img/paused_Img_02.png" class="pauseImg h1">-->
                        <!--<span>VL.001:&nbsp;&nbsp;</span>-->

                        <!--<a href="">1232就离开房间爱死了贾老师贾</a>-->

                        <!--<i class="p0" data-src="http://zhubo.heardtech.com/Public/music/2017-07-06/595db4b815617.mp3" id="001"></i>-->
                        <!--<audio id="0" preload="none"></audio>-->
                        <!--&lt;!&ndash;进度条样式&ndash;&gt;-->
                        <!--<div id="progressWrap001" class="progressWrap">-->
                            <!--<div id="playProgress001">-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</li>-->
                </ul>
                <div id="pullUp">
                    <span class="pullUpIcon"></span><span class="pullUpLabel">点击展开更多...</span>
                </div>
            </div>
        </div>
    </div>

    <!--专辑列表部分-->
    <div class="container c2 special_list" id="a2">
        <div class="row">
            <div class="col-lg-11 col-xs-10" style="padding-left:7px;">
                <div class="media">
                    <a class="media-left" href="#">
                        <img class="media-object" src="img/ad1.jpg"
                             alt="媒体对象" style="width:70px; height:70px; margin:10px 0 10px 3px">
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading" style="margin:10px 0 8px 0;">Heard听说</h4>
                          <p>
                          暗示法骄傲了司法局司法局老师的空间历史课f付款l
                          </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1 col-xs-1" style="line-height: 80px;">
                <span class="icon-right"></span>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-11 col-xs-10" style="padding-left:7px;">
                <div class="media">
                    <a class="media-left" href="#">
                        <img class="media-object" src="img/ad1.jpg"
                             alt="媒体对象" style="width:70px; height:70px; margin:10px 0 10px 3px">
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading" style="margin:10px 0 8px 0;">Heard听说</h4>
                        <p>
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                            暗示法骄傲了司法局司法局老师的空间历史课f付款l
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1 col-xs-1" style="line-height: 80px;" >
                <span class="icon-right" ></span>
            </div>
        </div><div class="row">
        <div class="col-lg-11 col-xs-10" style="padding-left:7px;">
            <div class="media">
                <a class="media-left" href="#">
                    <img class="media-object" src="img/ad1.jpg"
                         alt="媒体对象" style="width:70px; height:70px; margin:10px 0 10px 3px">
                </a>
                <div class="media-body">
                    <h4 class="media-heading" style="margin:10px 0 8px 0;">Heard听说&自媒体平台</h4>
                    <p>
                        暗示法骄傲了司法局司法局老师的空间历史课f付款l

                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-1 col-xs-1" style="line-height:80px;">
            <span class="icon-right"></span>
        </div>
    </div>
    </div>

















<!--<script src="js/jquery.min.js"></script>-->
<!--<script src="js/mobileinit.js"></script>-->
<script src="js/jquery.mobile.min.js"></script>
<!--<script src="js/fastclick.js"></script>-->

<script src="js/index-min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--<script src="js/worker.js"></script>-->
<!--<script>-->
   <!--new Worker('js/worker.js');-->
<!--</script>-->
</body>
</html>














